<!DOCTYPE html>
<html>
	<head>
		<meta charset="ISO-8859-1">
		<title>Insert title here</title>
	</head>
	<body>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<form>
			<label for="auteur">Auteur :</label>
			<input type="text" id="auteur" />
			<label for="titre">Titre :</label>
			<input type="text" id="titre" />
			<label for="isbn">ISBN :</label>
			<input type="text" id="isbn" />
		
			<input type="button" value="inserer" id="valider" />
		</form>
		<script type="text/javascript">
			$(document).ready(function() {
		
				$('#valider').click(function() {
					alert("toto");
					var root = $("<root />");
					var livre = $("<Livre></Livre>");
					var titre = $("<Titre />"); 
					titre.text($("#titre").val());
					var auteur = $("<Auteur />"); 
					auteur.text($("#auteur").val());
					var isbn = $("<Isbn />"); 
					isbn.text($("#isbn").val());
					livre.append(titre);
					livre.append(auteur);
					livre.append(isbn);
					root.append(livre);
					
			
					
					$.ajax({
						  type: "POST", 
						  data : root.html(),
						  processData: false,
						  dataType : "xml",
						  contentType: "application/xml",
						  url: "http://localhost:8080/test-rest/rest/livres/ajouter", 
						 
						  success: function(data, textStatus, jqXHR) {
						   	alert("yeaaaaa !!!");
						  },
						  error: function(jqXHR, textStatus, errorThrown) {
						    alert("ho !!!!");
						  }
					});
					
				});
				
			});
		</script>
	
	</body>
</html>